<div class="main">



    <!-- cards -->
    <div class="row cards">
      
      <div class="card-container col-lg-3 col-sm-6 col-sm-12">
        <div class="card card-redbrown hover">
          <div class="front"> 

            <div class="media">        
              <span class="pull-left">
                <i class="fa fa-users media-object"></i>
              </span>

              <div class="media-body">
                <small>New Users</small>
                <h2 class="media-heading animate-number" data-value="3659" data-animation-duration="1500">3,659</h2>
              </div>
            </div> 

            <div class="progress-list">
              <div class="details">
                <div class="title">This month plan %</div>
              </div>
              <div class="status pull-right bg-transparent-black-1">
                <span class="animate-number" data-value="83" data-animation-duration="1500">83</span>%
              </div>
              <div class="clearfix"></div>
              <div class="progress progress-little progress-transparent-black">
                <div class="progress-bar animate-progress-bar" data-percentage="83%" style="width: 83%;"></div>
              </div>
            </div>

          </div>
          <div class="back">
            <a href="#">
              <i class="fa fa-bar-chart-o fa-4x"></i>
              <span>Check Summary</span>
            </a>  
          </div>
        </div>
      </div>


      <div class="card-container col-lg-3 col-sm-6 col-sm-12">
        <div class="card card-blue hover">
          <div class="front">        
            
            <div class="media">                  
              <span class="pull-left">
                <i class="fa fa-shopping-cart media-object"></i>
              </span>

              <div class="media-body">
                <small>New Orders</small>
                <h2 class="media-heading animate-number" data-value="19214" data-animation-duration="1500">19,214</h2>
              </div>
            </div> 

            <div class="progress-list">
              <div class="details">
                <div class="title">This month plan %</div>
              </div>
              <div class="status pull-right bg-transparent-black-1">
                <span class="animate-number" data-value="100" data-animation-duration="1500">100</span>%
              </div>
              <div class="clearfix"></div>
              <div class="progress progress-little progress-transparent-black">
                <div class="progress-bar animate-progress-bar" data-percentage="100%" style="width: 100%;"></div>
              </div>
            </div>

          </div>
          <div class="back">
            <a href="#">
              <i class="fa fa-bar-chart-o fa-4x"></i>
              <span>Check Summary</span>
            </a>
          </div>
        </div>
      </div>



      <div class="card-container col-lg-3 col-sm-6 col-sm-12">
        <div class="card card-greensea hover">
          <div class="front">        
            
            <div class="media">
              <span class="pull-left">
                <i class="fa fa-usd media-object"></i>
              </span>

              <div class="media-body">
                <small>Sales</small>
                <h2 class="media-heading animate-number" data-value="169541" data-animation-duration="1500">169,541</h2>
              </div>
            </div>

            <div class="progress-list">
              <div class="details">
                <div class="title">This month plan %</div>
              </div>
              <div class="status pull-right bg-transparent-black-1">
                <span class="animate-number" data-value="42" data-animation-duration="1500">42</span>%
              </div>
              <div class="clearfix"></div>
              <div class="progress progress-little progress-transparent-black">
                <div class="progress-bar animate-progress-bar" data-percentage="42%" style="width: 42%;"></div>
              </div>
            </div>

          </div>
          <div class="back">
            <a href="#">
              <i class="fa fa-bar-chart-o fa-4x"></i>
              <span>Check Summary</span>
            </a>
          </div>
        </div>
      </div>


      <div class="card-container col-lg-3 col-sm-6 col-xs-12">
        <div class="card card-slategray hover">
          <div class="front"> 

            <div class="media">                   
              <span class="pull-left">
                <i class="fa fa-eye media-object"></i>
              </span>

              <div class="media-body">
                <small>Visits</small>
                <h2 class="media-heading animate-number" data-value="9634" data-animation-duration="1500">9,634</h2>
              </div>
            </div> 

            <div class="progress-list">
              <div class="details">
                <div class="title">This month plan %</div>
              </div>
              <div class="status pull-right bg-transparent-black-1">
                <span class="animate-number" data-value="25" data-animation-duration="1500">25</span>%
              </div>
              <div class="clearfix"></div>
              <div class="progress progress-little progress-transparent-black">
                <div class="progress-bar animate-progress-bar" data-percentage="25%" style="width: 25%;"></div>
              </div>
            </div>

          </div>
          <div class="back">
            <a href="#">
              <i class="fa fa-bar-chart-o fa-4x"></i>
              <span>Check Summary</span>
            </a>
          </div>
        </div>
      </div>


    </div>
    <!-- /cards -->
    
    


    <!-- row -->
    <div class="row">


      <!-- col 8 -->
      <div class="col-lg-8 col-md-12">




        <!-- tile -->
        <section id="test_sec" class="tile transparent">




          <!-- tile header -->
          <div class="tile-header color transparent-black textured rounded-top-corners">
            <h1><strong>Statistic</strong> Chart</h1>
            <div class="controls">
              <a href="#" class="refresh"><i id="test_id" class="fa fa-refresh"></i></a>
              <a href="#" class="remove"><i class="fa fa-times"></i></a>
            </div>
          </div>
          <!-- /tile header -->


          <!-- tile widget -->
          <div class="tile-widget color transparent-black textured">
            <div id="statistics-chart" class="chart statistics" style="height: 250px; padding: 0px; position: relative;"><canvas class="flot-base" width="1047" height="250" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 1047px; height: 250px;"></canvas><div class="flot-text" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; font-size: smaller; color: rgb(84, 84, 84);"><div class="flot-x-axis flot-x1-axis xAxis x1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div style="position: absolute; max-width: 87px; top: 225px; font: 300 14px / 24px Roboto, Arial, sans-serif; color: rgb(255, 255, 255); left: 35px; text-align: center;">JAN</div><div style="position: absolute; max-width: 87px; top: 225px; font: 300 14px / 24px Roboto, Arial, sans-serif; color: rgb(255, 255, 255); left: 124px; text-align: center;">FEB</div><div style="position: absolute; max-width: 87px; top: 225px; font: 300 14px / 24px Roboto, Arial, sans-serif; color: rgb(255, 255, 255); left: 211px; text-align: center;">MAR</div><div style="position: absolute; max-width: 87px; top: 225px; font: 300 14px / 24px Roboto, Arial, sans-serif; color: rgb(255, 255, 255); left: 302px; text-align: center;">APR</div><div style="position: absolute; max-width: 87px; top: 225px; font: 300 14px / 24px Roboto, Arial, sans-serif; color: rgb(255, 255, 255); left: 391px; text-align: center;">MAY</div><div style="position: absolute; max-width: 87px; top: 225px; font: 300 14px / 24px Roboto, Arial, sans-serif; color: rgb(255, 255, 255); left: 481px; text-align: center;">JUN</div><div style="position: absolute; max-width: 87px; top: 225px; font: 300 14px / 24px Roboto, Arial, sans-serif; color: rgb(255, 255, 255); left: 572px; text-align: center;">JUL</div><div style="position: absolute; max-width: 87px; top: 225px; font: 300 14px / 24px Roboto, Arial, sans-serif; color: rgb(255, 255, 255); left: 659px; text-align: center;">AUG</div><div style="position: absolute; max-width: 87px; top: 225px; font: 300 14px / 24px Roboto, Arial, sans-serif; color: rgb(255, 255, 255); left: 749px; text-align: center;">SEP</div><div style="position: absolute; max-width: 87px; top: 225px; font: 300 14px / 24px Roboto, Arial, sans-serif; color: rgb(255, 255, 255); left: 837px; text-align: center;">OCT</div><div style="position: absolute; max-width: 87px; top: 225px; font: 300 14px / 24px Roboto, Arial, sans-serif; color: rgb(255, 255, 255); left: 927px; text-align: center;">NOV</div><div style="position: absolute; max-width: 87px; top: 225px; font: 300 14px / 24px Roboto, Arial, sans-serif; color: rgb(255, 255, 255); left: 1016px; text-align: center;">DEC</div></div><div class="flot-y-axis flot-y1-axis yAxis y1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div style="position: absolute; top: 199px; font: 300 11px / 13px Roboto, Arial, sans-serif; color: rgb(255, 255, 255); left: 21px; text-align: right;">0</div><div style="position: absolute; top: 166px; font: 300 11px / 13px Roboto, Arial, sans-serif; color: rgb(255, 255, 255); left: 8px; text-align: right;">500</div><div style="position: absolute; top: 133px; font: 300 11px / 13px Roboto, Arial, sans-serif; color: rgb(255, 255, 255); left: 1px; text-align: right;">1000</div><div style="position: absolute; top: 100px; font: 300 11px / 13px Roboto, Arial, sans-serif; color: rgb(255, 255, 255); left: 1px; text-align: right;">1500</div><div style="position: absolute; top: 67px; font: 300 11px / 13px Roboto, Arial, sans-serif; color: rgb(255, 255, 255); left: 1px; text-align: right;">2000</div><div style="position: absolute; top: 34px; font: 300 11px / 13px Roboto, Arial, sans-serif; color: rgb(255, 255, 255); left: 1px; text-align: right;">2500</div><div style="position: absolute; top: 1px; font: 300 11px / 13px Roboto, Arial, sans-serif; color: rgb(255, 255, 255); left: 1px; text-align: right;">3000</div></div></div><canvas class="flot-overlay" width="1047" height="250" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 1047px; height: 250px;"></canvas></div>
          </div>
          <!-- /tile widget -->


          <!-- tile body -->
          <div class="tile-body color transparent-white rounded-bottom-corners">
            <div class="row">
              <ul class="inline">
                
                <li class="col-md-8 col-sm-12 col-xs-12 text-center">
                  
                  <h4 class="underline text-left"><strong>Actual</strong> Statistics</h4>
                  
                  <div class="inner-container inline">
                    <div data-percent="100" data-size="140" class="pie-chart inline" data-scale-color="false" data-track-color="rgba(0,0,0,0)" data-bar-color="#ffffff" data-line-width="5">
                      <div class="text-center">
                        <i class="fa fa-usd fa-5x"></i>
                      </div>
                    <canvas height="140" width="140"></canvas></div>
                    <p class="chart-overall text-center medium-thin uppercase"><span class="big-medium animate-number" data-value="6175" data-animation-duration="2500">6,175</span> Sales</p>
                  </div>


                  <div class="inner-container inline">
                    <div data-percent="85" data-size="140" class="pie-chart inline" data-scale-color="false" data-track-color="rgba(0,0,0,0)" data-bar-color="rgba(0,0,0,.4)" data-line-width="5">
                      <div class="text-center">
                        <span><i class="fa fa-eye fa-5x color-transparent-black"></i></span>
                      </div>
                    <canvas height="140" width="140"></canvas></div>
                    <p class="chart-overall text-center medium-thin uppercase color-transparent-black"><span class="big-medium animate-number" data-value="8213" data-animation-duration="2500">8,213</span> Visits</p>
                  </div>

                </li>

                <li class="col-md-4 col-sm-12 col-xs-12">
                  <h4 class="underline"><strong>Visitors</strong> Statistics</h4>
                  <ul class="progress-list">
                    <li>
                      <div class="details">
                        <div class="title">America</div>
                        <div class="description">Visitors from America</div>
                      </div>
                      <div class="status pull-right">
                        <span class="animate-number" data-value="40" data-animation-duration="1500">40</span>%
                      </div>
                      <div class="clearfix"></div>
                      <div class="progress progress-little">
                        <div class="progress-bar progress-bar-green animate-progress-bar" data-percentage="40%" style="width: 40%;"></div>
                      </div>
                    </li>
                    <li>
                      <div class="details">
                        <div class="title">Europe</div>
                        <div class="description">Visitors from Europe</div>
                      </div>
                      <div class="status pull-right">
                         <span class="animate-number" data-value="38" data-animation-duration="1000">38</span>%
                      </div>
                      <div class="clearfix"></div>
                      <div class="progress progress-little">
                        <div class="progress-bar progress-bar-cyan animate-progress-bar" data-percentage="35%" style="width: 35%;"></div>
                      </div>
                    </li>
                    <li>
                      <div class="details">
                        <div class="title">Asia</div>
                        <div class="description">Visitors from Asia</div>
                      </div>
                      <div class="status pull-right">
                        <span class="animate-number" data-value="12" data-animation-duration="800">12</span>%
                      </div>
                      <div class="clearfix"></div>
                      <div class="progress progress-little">
                        <div class="progress-bar progress-bar-amethyst animate-progress-bar" data-percentage="12%" style="width: 12%;"></div>
                      </div>
                    </li>
                    <li>
                      <div class="details">
                        <div class="title">Africa</div>
                        <div class="description">Visitors from Africa</div>
                      </div>
                      <div class="status pull-right">
                        <span class="animate-number" data-value="7" data-animation-duration="600">7</span>%
                      </div>
                      <div class="clearfix"></div>
                      <div class="progress progress-little">
                        <div class="progress-bar progress-bar-orange animate-progress-bar" data-percentage="7%" style="width: 7%;"></div>
                      </div>
                    </li>
                    <li>
                      <div class="details">
                        <div class="title">Other</div>
                      </div>
                      <div class="status pull-right">
                        <span class="animate-number" data-value="6" data-animation-duration="400">6</span>%
                      </div>
                      <div class="clearfix"></div>
                      <div class="progress progress-little">
                        <div class="progress-bar progress-bar-red animate-progress-bar" data-percentage="6%" style="width: 6%;"></div>
                      </div>
                    </li>       
                  </ul>
                </li>
              </ul>
            </div>
          </div>
          <!-- /tile body -->



        </section>
        <!-- /tile -->



        <!-- tile -->
        <section class="tile color transparent-black" style="zoom: 1;">




          <!-- tile header -->
          <div class="tile-header">
            <h1><strong>Projects</strong> Progress</h1>
            <div class="search">
              <input type="text" placeholder="Search...">
            </div>
            <div class="controls">
              <a href="#" class="refresh"><i class="fa fa-refresh"></i></a>
              <a href="#" class="remove"><i class="fa fa-times"></i></a>
            </div>
          </div>
          <!-- /tile header -->


          <!-- tile body -->
          <div class="tile-body no-vpadding">
            <div class="table-responsive">
              <table class="table table-custom table-sortable nomargin">
                <thead>
                  <tr>
                    <th class="sortable sort-numeric">ID</th>
                    <th class="sortable sort-alpha">Project</th>
                    <th class="sortable">Priority</th>
                    <th class="sortable sort-amount sort-desc">Status</th>
                    <th class="text-right">Chart</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>1</td>
                    <td>Graphic Layout for client</td>
                    <td class="color-red priority">High priority</td>
                    <td class="progress-cell">
                      <div class="progress-info">
                        <div class="percent"><span class="animate-number" data-value="50" data-animation-duration="1500">50</span>%</div>
                      </div>
                      <div class="progress progress-little">
                        <div class="progress-bar progress-bar-transparent-white animate-progress-bar" data-percentage="50%" style="width: 50%;"></div>
                      </div>
                    </td>
                    <td class="text-right"><span id="projectbar1"><canvas width="39" height="20" style="display: inline-block; width: 39px; height: 20px; vertical-align: top;"></canvas></span></td>
                  </tr>
                  <tr>
                    <td>2</td>
                    <td>Make website responsive</td>
                    <td class="color-green priority">Low priority</td>
                    <td class="progress-cell">
                      <div class="progress-info">
                        <div class="percent"><span class="animate-number" data-value="13" data-animation-duration="1500">13</span>%</div>
                      </div>
                      <div class="progress progress-little">
                        <div class="progress-bar progress-bar-transparent-white animate-progress-bar" data-percentage="13%" style="width: 13%;"></div>
                      </div>
                    </td>
                    <td class="text-right"><span id="projectbar2"><canvas width="39" height="20" style="display: inline-block; width: 39px; height: 20px; vertical-align: top;"></canvas></span></td>
                  </tr>
                  <tr>
                    <td>3</td>
                    <td>Clean css/html/js code</td>
                    <td class="color-red priority">High priority</td>
                    <td class="progress-cell">
                      <div class="progress-info">
                        <div class="percent"><span class="animate-number" data-value="76" data-animation-duration="1500">76</span>%</div>
                      </div>
                      <div class="progress progress-little">
                        <div class="progress-bar progress-bar-transparent-white animate-progress-bar" data-percentage="76%" style="width: 76%;"></div>
                      </div>
                    </td>
                    <td class="text-right"><span id="projectbar3"><canvas width="39" height="20" style="display: inline-block; width: 39px; height: 20px; vertical-align: top;"></canvas></span></td>
                  </tr>
                  <tr>
                    <td>4</td>
                    <td>Database Optimization</td>
                    <td class="color-orange priority">Normal priority</td>
                    <td class="progress-cell">
                      <div class="progress-info">
                        <div class="percent"><span class="animate-number" data-value="38" data-animation-duration="1500">38</span>%</div>
                      </div>
                      <div class="progress progress-little">
                        <div class="progress-bar progress-bar-transparent-white animate-progress-bar" data-percentage="38%" style="width: 38%;"></div>
                      </div>
                    </td>
                    <td class="text-right"><span id="projectbar4"><canvas width="39" height="20" style="display: inline-block; width: 39px; height: 20px; vertical-align: top;"></canvas></span></td>
                  </tr>
                  <tr>
                    <td>5</td>
                    <td>Database Migration</td>
                    <td class="color-green priority">Low priority</td>
                    <td class="progress-cell">
                      <div class="progress-info">
                        <div class="percent"><span class="animate-number" data-value="9" data-animation-duration="1500">9</span>%</div>
                      </div>
                      <div class="progress progress-little">
                        <div class="progress-bar progress-bar-transparent-white animate-progress-bar" data-percentage="9%" style="width: 9%;"></div>
                      </div>
                    </td>
                    <td class="text-right"><span id="projectbar5"><canvas width="39" height="20" style="display: inline-block; width: 39px; height: 20px; vertical-align: top;"></canvas></span></td>
                  </tr>
                  <tr>
                    <td>6</td>
                    <td>Email server backup</td>
                    <td class="color-orange priority">Normal priority</td>
                    <td class="progress-cell">
                      <div class="progress-info">
                        <div class="percent"><span class="animate-number" data-value="29" data-animation-duration="1500">29</span>%</div>
                      </div>
                      <div class="progress progress-little">
                        <div class="progress-bar progress-bar-transparent-white animate-progress-bar" data-percentage="29%" style="width: 29%;"></div>
                      </div>
                    </td>
                    <td class="text-right"><span id="projectbar6"><canvas width="39" height="20" style="display: inline-block; width: 39px; height: 20px; vertical-align: top;"></canvas></span></td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
          <!-- /tile body -->


          <!-- tile footer -->
          <div class="tile-footer text-center">
            <ul class="pagination pagination-sm nomargin pagination-custom">
              <li class="disabled"><a href="#"><i class="fa fa-angle-double-left"></i></a></li>
              <li class="active"><a href="#">1</a></li>
              <li><a href="#">2</a></li>
              <li><a href="#">3</a></li>
              <li><a href="#">4</a></li>
              <li><a href="#">5</a></li>
              <li><a href="#"><i class="fa fa-angle-double-right"></i></a></li>
            </ul>
          </div>
          <!-- /tile footer -->



        </section>
        <!-- /tile -->


      </div>
      <!-- /col 8 -->



      <!-- col 4 -->
      <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
        



        <!-- tile -->
        <section class="tile color transparent-black textured">




          <!-- tile header -->
          <div class="tile-header">
            <h1><strong>Server</strong> Load</h1>
            <div class="controls">
              <a href="#" class="refresh"><i class="fa fa-refresh"></i></a>
              <a href="#" class="remove"><i class="fa fa-times"></i></a>
            </div>
          </div>
          <!-- /tile header -->

          <!-- tile widget -->
          <div class="tile-widget">

            <div class="progress-list with-heading">
              <div class="details">
                <div class="title"><h2><i class="fa fa-hdd-o"></i> <span class="animate-number" data-value="394" data-animation-duration="1600">394</span> GB</h2></div>
              </div>
              <div class="status pull-right bg-transparent-black-1">
                <span class="animate-number" data-value="42" data-animation-duration="1500">42</span>%
              </div>
              <div class="clearfix"></div>
              <div class="progress progress-little progress-transparent-black" style="margin-bottom: 5px">
                <div class="progress-bar animate-progress-bar" data-percentage="42%" style="width: 42%;"></div>
              </div>
            </div>  
            <p class="description"><strong>394GB</strong> used of <strong class="white-text">2,048GB</strong> on File Server</p>
          </div>
          <!-- /tile widget -->


          <!-- tile body -->
          <div class="tile-body paddingtop">
            <div id="serverload-chart" class="rickshaw_graph"><svg width="523" height="150"><g><path d="M0,19.28367721835434Q9.250340136054422,24.259276797102768,10.673469387755103,25.010244102565807C12.808163265306124,26.136695060760367,19.212244897959188,30.932784972073122,21.346938775510207,30.54818680029993S29.88571428571429,21.84371790681491,32.02040816326531,21.164262384833904S40.55918367346939,22.560583246405756,42.693877551020414,23.75363158048988S51.23265306122449,32.264201071142274,53.36734693877551,33.09474572567514S61.906122448979595,33.32596134448106,64.04081632653062,32.059078125818544S72.57959183673469,23.29912968592181,74.71428571428571,20.425913539049986S83.25306122448981,3.590450745399244,85.38775510204083,3.326916657100327S93.9265306122449,15.623870910887048,96.06122448979592,17.790572656060817S104.60000000000001,23.93871125119042,106.73469387755102,24.993934108838033S115.27346938775511,27.891625212791947,117.40816326530613,28.34280123253697S125.94693877551022,31.5672521253792,128.08163265306123,29.505694306288277S136.6204081632653,10.296301791892743,138.75510204081633,7.727223041627752S147.2938775510204,2.9096803025875917,149.42857142857142,3.8149068036383653S157.9673469387755,14.49670360253835,160.10204081632654,16.77948805213549S168.64081632653063,26.891157565042768,170.77551020408166,26.642751299609785S179.31428571428572,16.32824364127385,181.44897959183675,14.295425397805644S189.9877551020408,6.1378120895245045,192.12244897959184,6.314568864927736S200.66122448979593,15.277064687376344,202.79591836734696,16.062993151837958S211.33469387755102,15.56822746018591,213.46938775510205,14.173853509543875S222.00816326530614,2.021225173817123,224.14285714285717,2.119253645417615S232.68163265306123,14.228133582861787,234.81632653061226,15.154138225548792S243.35510204081632,12.457262380424776,245.48979591836735,11.379300072287663S254.02857142857144,4.829640203573848,256.16326530612247,4.37451514417765S264.70204081632653,7.116986141258297,266.83673469387753,6.828049478325681S275.37551020408165,0.7602379533201714,277.51020408163265,1.4851485148514882S286.04897959183677,13.403473931922036,288.18367346938777,14.07715509363885S296.72244897959183,7.8351133768645385,298.85714285714283,8.221960132019632S307.39591836734695,16.695709550682338,309.53061224489795,17.945622645189786S318.06938775510207,20.136620177857424,320.2040816326531,20.721091077094115S328.7428571428572,22.73534641270709,330.8775510204082,23.79033163755669S339.4163265306123,32.38076662976662,341.5510204081633,31.27094332559011S350.0897959183674,13.011126647859502,352.2244897959184,12.692098595791578S360.7632653061225,27.220652675130214,362.8979591836735,28.080662804910858S371.43673469387755,21.848293523003832,373.57142857142856,21.292199893598024S382.1102040816327,22.72132723953498,384.2448979591837,22.51972651085279S392.7836734693878,18.528457577360157,394.9183673469388,19.276192606776135S403.4571428571429,29.95776976587157,405.5918367346939,29.997076805012554S414.130612244898,19.397787362041182,416.265306122449,19.669262998185957S424.8040816326531,32.358440833501206,426.9387755102041,32.71183316646031S435.4775510204082,24.54800162893022,437.6122448979592,23.20318632777702S446.15102040816333,19.437837486732214,448.28571428571433,19.263680154928295S456.82448979591845,20.74816483547574,458.95918367346945,21.461613009737817S467.4979591836735,26.856526713975686,469.6326530612245,26.39816189754906S478.1714285714286,17.227667065874133,480.3061224489796,16.877964845471553S488.8448979591837,21.992983078814795,490.9795918367347,22.901139693523263S499.5183673469388,25.774408096117,501.6530612244898,25.95953099255621S510.19183673469394,26.20977039402573,512.3265306122449,24.75236865791537Q513.7496598639456,23.780767500508464,523,11.385513631452625L523,74.23257618969684Q513.7496598639456,82.64537728680918,512.3265306122449,83.57507619603045C510.19183673469394,84.96962455986235,503.7877551020408,87.69874171938041,501.6530612244898,88.17805982801589S493.1142857142857,88.9527200456272,490.9795918367347,88.36825728238531S482.4408163265306,82.6303754671174,480.3061224489796,82.33343219559703S471.7673469387755,84.8584787765388,469.6326530612245,85.3988245671816S461.09387755102046,87.89919436990607,458.95918367346945,87.736890102025S450.42040816326534,84.78989027858775,448.28571428571433,83.77578188837086S439.7469387755102,77.27337386062553,437.6122448979592,77.59580619985606S429.0734693877551,86.9152733813288,426.9387755102041,87.00010528067618S418.4,78.84580738117035,416.265306122449,78.44412519332988S407.7265306122449,82.24959704489468,405.5918367346939,82.98328340227152S397.0530612244898,86.2870861724401,394.9183673469388,85.78098876709826S386.3795918367347,78.30839173254286,384.2448979591837,77.9223093488532S375.70612244897956,80.8858719508426,373.57142857142856,81.92016493020178S365.0326530612245,88.74855954188745,362.8979591836735,88.26523914244501S354.3591836734694,77.40091539767931,352.2244897959184,77.08696093577743S343.6857142857143,84.52204822724156,341.5510204081633,85.12569452342619S333.0122448979592,82.66792137318835,330.8775510204082,83.12342389762381S322.3387755102041,89.12458695147716,320.2040816326531,89.68071976778077S311.66530612244895,89.76954809946322,309.53061224489795,88.68475206065997S300.99183673469383,79.38805616576744,298.85714285714283,78.83275937974827S290.31836734693877,83.83788348359109,288.18367346938777,83.1317842004683S279.64489795918365,72.07291734769485,277.51020408163265,71.77176654852046S268.97142857142853,79.61177774143115,266.83673469387753,80.12027620872442S258.29795918367347,77.57699650047557,256.16326530612247,76.85675122145317S247.62448979591838,72.79849601046959,245.48979591836735,72.91782341850039S236.9510204081633,77.8953285081243,234.81632653061226,78.05002530176115S226.2775510204082,74.5727612554531,224.14285714285717,74.46479135486896S215.60408163265308,77.11095931297899,213.46938775510205,76.97032629591973S204.930612244898,73.14902661670912,202.79591836734696,73.05846118427638S194.25714285714287,75.84515663506706,192.12244897959184,76.06467197159236S183.58367346938778,74.4824767430772,181.44897959183675,75.25361454952944S172.91020408163268,83.4054970157066,170.77551020408166,83.77605003611487S162.23673469387757,79.9388246865106,160.10204081632654,78.95914475361205S151.56326530612245,74.31478306762908,149.42857142857142,73.97925070712931S140.88979591836735,74.0410334414753,138.75510204081633,75.60382114861434S130.21632653061226,88.32915548069025,128.08163265306123,89.60712777851975S119.54285714285714,89.28464180010275,117.40816326530613,88.38354412690943S108.86938775510204,81.66698031832384,106.73469387755102,80.59615104658651S98.19591836734693,78.29761889198171,96.06122448979592,77.67525140953613S87.52244897959184,74.32726539369375,85.38775510204083,74.37247622213067S76.84897959183672,76.76489210467116,74.71428571428571,78.12735969390533S66.17551020408163,86.93837394562215,64.04081632653062,87.99715211447234S55.502040816326534,89.26004967773612,53.36734693877551,88.7151413824073S44.828571428571436,82.49342418628999,42.693877551020414,82.54806916118416S34.15510204081633,88.83657121742186,32.02040816326531,89.26159113134901S23.481632653061226,86.963044561675,21.346938775510207,86.79826830045559S12.808163265306124,88.74975793132471,10.673469387755103,87.61382851915485Q9.250340136054422,86.85654224437494,0,75.43897417875696Z" class="area" fill="#fff"></path></g><g><path d="M0,75.43897417875696Q9.250340136054422,86.85654224437494,10.673469387755103,87.61382851915485C12.808163265306124,88.74975793132471,19.212244897959188,86.63349203923617,21.346938775510207,86.79826830045559S29.88571428571429,89.68661104527615,32.02040816326531,89.26159113134901S40.55918367346939,82.60271413607833,42.693877551020414,82.54806916118416S51.23265306122449,88.17023308707847,53.36734693877551,88.7151413824073S61.906122448979595,89.05593028332254,64.04081632653062,87.99715211447234S72.57959183673469,79.4898272831395,74.71428571428571,78.12735969390533S83.25306122448981,74.4176870505676,85.38775510204083,74.37247622213067S93.9265306122449,77.05288392709055,96.06122448979592,77.67525140953613S104.60000000000001,79.52532177484919,106.73469387755102,80.59615104658651S115.27346938775511,87.48244645371611,117.40816326530613,88.38354412690943S125.94693877551022,90.88510007634926,128.08163265306123,89.60712777851975S136.6204081632653,77.16660885575338,138.75510204081633,75.60382114861434S147.2938775510204,73.64371834662954,149.42857142857142,73.97925070712931S157.9673469387755,77.9794648207135,160.10204081632654,78.95914475361205S168.64081632653063,84.14660305652313,170.77551020408166,83.77605003611487S179.31428571428572,76.02475235598169,181.44897959183675,75.25361454952944S189.9877551020408,76.28418730811767,192.12244897959184,76.06467197159236S200.66122448979593,72.96789575184364,202.79591836734696,73.05846118427638S211.33469387755102,76.82969327886047,213.46938775510205,76.97032629591973S222.00816326530614,74.35682145428483,224.14285714285717,74.46479135486896S232.68163265306123,78.20472209539801,234.81632653061226,78.05002530176115S243.35510204081632,73.03715082653119,245.48979591836735,72.91782341850039S254.02857142857144,76.13650594243076,256.16326530612247,76.85675122145317S264.70204081632653,80.62877467601768,266.83673469387753,80.12027620872442S275.37551020408165,71.47061574934607,277.51020408163265,71.77176654852046S286.04897959183677,82.42568491734552,288.18367346938777,83.1317842004683S296.72244897959183,78.2774625937291,298.85714285714283,78.83275937974827S307.39591836734695,87.59995602185673,309.53061224489795,88.68475206065997S318.06938775510207,90.23685258408439,320.2040816326531,89.68071976778077S328.7428571428572,83.57892642205927,330.8775510204082,83.12342389762381S339.4163265306123,85.72934081961083,341.5510204081633,85.12569452342619S350.0897959183674,76.77300647387554,352.2244897959184,77.08696093577743S360.7632653061225,87.78191874300258,362.8979591836735,88.26523914244501S371.43673469387755,82.95445790956096,373.57142857142856,81.92016493020178S382.1102040816327,77.53622696516355,384.2448979591837,77.9223093488532S392.7836734693878,85.27489136175643,394.9183673469388,85.78098876709826S403.4571428571429,83.71696975964836,405.5918367346939,82.98328340227152S414.130612244898,78.04244300548942,416.265306122449,78.44412519332988S424.8040816326531,87.08493718002356,426.9387755102041,87.00010528067618S435.4775510204082,77.91823853908659,437.6122448979592,77.59580619985606S446.15102040816333,82.76167349815397,448.28571428571433,83.77578188837086S456.82448979591845,87.57458583414393,458.95918367346945,87.736890102025S467.4979591836735,85.93917035782441,469.6326530612245,85.3988245671816S478.1714285714286,82.03648892407665,480.3061224489796,82.33343219559703S488.8448979591837,87.78379451914343,490.9795918367347,88.36825728238531S499.5183673469388,88.65737793665137,501.6530612244898,88.17805982801589S510.19183673469394,84.96962455986235,512.3265306122449,83.57507619603045Q513.7496598639456,82.64537728680918,523,74.23257618969684L523,150Q513.7496598639456,150,512.3265306122449,150C510.19183673469394,150,503.7877551020408,150,501.6530612244898,150S493.1142857142857,150,490.9795918367347,150S482.4408163265306,150,480.3061224489796,150S471.7673469387755,150,469.6326530612245,150S461.09387755102046,150,458.95918367346945,150S450.42040816326534,150,448.28571428571433,150S439.7469387755102,150,437.6122448979592,150S429.0734693877551,150,426.9387755102041,150S418.4,150,416.265306122449,150S407.7265306122449,150,405.5918367346939,150S397.0530612244898,150,394.9183673469388,150S386.3795918367347,150,384.2448979591837,150S375.70612244897956,150,373.57142857142856,150S365.0326530612245,150,362.8979591836735,150S354.3591836734694,150,352.2244897959184,150S343.6857142857143,150,341.5510204081633,150S333.0122448979592,150,330.8775510204082,150S322.3387755102041,150,320.2040816326531,150S311.66530612244895,150,309.53061224489795,150S300.99183673469383,150,298.85714285714283,150S290.31836734693877,150,288.18367346938777,150S279.64489795918365,150,277.51020408163265,150S268.97142857142853,150,266.83673469387753,150S258.29795918367347,150,256.16326530612247,150S247.62448979591838,150,245.48979591836735,150S236.9510204081633,150,234.81632653061226,150S226.2775510204082,150,224.14285714285717,150S215.60408163265308,150,213.46938775510205,150S204.930612244898,150,202.79591836734696,150S194.25714285714287,150,192.12244897959184,150S183.58367346938778,150,181.44897959183675,150S172.91020408163268,150,170.77551020408166,150S162.23673469387757,150,160.10204081632654,150S151.56326530612245,150,149.42857142857142,150S140.88979591836735,150,138.75510204081633,150S130.21632653061226,150,128.08163265306123,150S119.54285714285714,150,117.40816326530613,150S108.86938775510204,150,106.73469387755102,150S98.19591836734693,150,96.06122448979592,150S87.52244897959184,150,85.38775510204083,150S76.84897959183672,150,74.71428571428571,150S66.17551020408163,150,64.04081632653062,150S55.502040816326534,150,53.36734693877551,150S44.828571428571436,150,42.693877551020414,150S34.15510204081633,150,32.02040816326531,150S23.481632653061226,150,21.346938775510207,150S12.808163265306124,150,10.673469387755103,150Q9.250340136054422,150,0,150Z" class="area" fill="#6e6e6e"></path></g></svg><div class="detail"></div></div>
          </div>
          <!-- /tile body -->
        


        </section>
        <!-- /tile -->


        <!-- tile -->
        <section class="tile color transparent-black">



          <!-- tile header -->
          <div class="tile-header">
            <h1><strong>Browser</strong> Usage</h1>
            <div class="controls">
              <a href="#" class="refresh"><i class="fa fa-refresh"></i></a>
              <a href="#" class="remove"><i class="fa fa-times"></i></a>
            </div>
          </div>
          <!-- /tile header -->

          <!-- tile body -->
          <div class="tile-body">
            <div id="browser-usage" style="height: 230px;" class="morris-chart"><svg height="230" version="1.1" width="494" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.328125px;"><desc style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Created with Raphaël 2.1.2</desc><defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></defs><path fill="none" stroke="#00a3d8" d="M247,185A70,70,0,0,0,316.95516536429477,117.50496284486826" stroke-width="2" opacity="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 1;"></path><path fill="#00a3d8" stroke="rgba(0,0,0,0)" d="M247,188A73,73,0,0,0,319.9532438799074,117.6123183953626L351.93274804644216,118.75744426730238A105,105,0,0,1,247,220Z" stroke-width="3" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><path fill="none" stroke="#2fbbe8" d="M316.95516536429477,117.50496284486826A70,70,0,0,0,271.9407140967063,49.59387811262346" stroke-width="2" opacity="0" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 0;"></path><path fill="#2fbbe8" stroke="rgba(0,0,0,0)" d="M319.9532438799074,117.6123183953626A73,73,0,0,0,273.00960184370797,46.79075860316446L282.62959156672326,21.56268301803351A100,100,0,0,1,346.9359505204211,118.57851834981179Z" stroke-width="3" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><path fill="none" stroke="#72cae7" d="M271.9407140967063,49.59387811262346A70,70,0,0,0,208.33011872366654,56.65070452803842" stroke-width="2" opacity="0" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 0;"></path><path fill="#72cae7" stroke="rgba(0,0,0,0)" d="M273.00960184370797,46.79075860316446A73,73,0,0,0,206.67283809753798,54.150020436382924L191.7573124623808,31.643863611483454A100,100,0,0,1,282.62959156672326,21.56268301803351Z" stroke-width="3" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><path fill="none" stroke="#d9544f" d="M208.33011872366654,56.65070452803842A70,70,0,0,0,190.08468525216037,74.24896385177001" stroke-width="2" opacity="0" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 0;"></path><path fill="#d9544f" stroke="rgba(0,0,0,0)" d="M206.67283809753798,54.150020436382924A73,73,0,0,0,187.64545747725293,72.50249087398872L165.69240750308623,56.78423407395715A100,100,0,0,1,191.7573124623808,31.643863611483454Z" stroke-width="3" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><path fill="none" stroke="#ffc100" d="M190.08468525216037,74.24896385177001A70,70,0,0,0,177.04405113058007,117.48298565825587" stroke-width="2" opacity="0" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 0;"></path><path fill="#ffc100" stroke="rgba(0,0,0,0)" d="M187.64545747725293,72.50249087398872A73,73,0,0,0,174.04593903617635,117.58939932932398L147.06293018654296,118.54712236893695A100,100,0,0,1,165.69240750308623,56.78423407395715Z" stroke-width="3" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><path fill="none" stroke="#1693a5" d="M177.04405113058007,117.48298565825587A70,70,0,0,0,246.97800885178657,184.9999965456385" stroke-width="2" opacity="0" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 0;"></path><path fill="#1693a5" stroke="rgba(0,0,0,0)" d="M174.04593903617635,117.58939932932398A73,73,0,0,0,246.97706637400597,187.99999639759443L246.9685840739808,214.99999506519785A100,100,0,0,1,147.06293018654296,118.54712236893695Z" stroke-width="3" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><text x="247" y="105" text-anchor="middle" font="10px &quot;Arial&quot;" stroke="none" fill="#000000" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font: 800 15px Arial;" font-size="15px" font-weight="800" transform="matrix(1.6667,0,0,1.6667,-164.6667,-77)" stroke-width="0.6"><tspan dy="5.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Chrome</tspan></text><text x="247" y="125" text-anchor="middle" font="10px &quot;Arial&quot;" stroke="none" fill="#000000" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font: 14px Arial;" font-size="14px" transform="matrix(1.1667,0,0,1.1667,-41.1667,-19.1667)" stroke-width="0.8571428571428572"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">25</tspan></text></svg></div>
            <ul class="inline text-center chart-legend">
              <li><span class="badge badge-outline" style="border-color: #00a3d8"></span> Chrome <small>25%</small>,</li>
              <li><span class="badge badge-outline" style="border-color: #1693A5"></span> Other <small>25%</small>,</li>
              <li><span class="badge badge-outline" style="border-color: #2fbbe8"></span> Safari <small>20%</small>,</li>
              <li><span class="badge badge-outline" style="border-color: #72cae7"></span> Firefox <small>15%</small>,</li>
              <li><span class="badge badge-outline" style="border-color: #ffc100"></span> Internet Explorer <small>10%</small>,</li>
              <li><span class="badge badge-outline" style="border-color: #d9544f"></span> Opera <small>5%</small></li>
            </ul>
          </div>
          <!-- /tile body --> 




        </section>
        <!-- /tile -->



        <!-- tile -->
        <section class="tile transparent">




          <!-- tile header -->
          <div class="tile-header color redbrown rounded-top-corners text-center">               
            <button class="btn pull-left btn-black-transparent" type="button"><i class="fa fa-caret-square-o-down"></i></button>
            <h2><strong>Todo</strong> List</h2>
            <div class="controls">
              <a href="#" class="refresh"><i class="fa fa-refresh"></i></a>
              <a href="#" class="remove"><i class="fa fa-times"></i></a>
            </div>
          </div>
          <!-- /tile header -->

          <!-- tile body -->
          <div class="tile-body color transparent-black rounded-bottom-corners">
            <input type="text" placeholder="Add new todo..." class="w100p bottommargin">
            <ul class="nolisttypes" id="todolist">
              <li>
                <div class="checkbox check-transparent">
                  <input type="checkbox" value="1" id="todo-01">
                  <label for="todo-01">Make a backup</label>
                </div>
              </li>
              <li>
                <div class="checkbox check-transparent">
                  <input type="checkbox" checked="checked" value="1" id="todo-02">
                  <label for="todo-02" class="done">Send e-mail to Ici</label>
                </div>
              </li>
              <li>
                <div class="checkbox check-transparent">
                  <input type="checkbox" value="1" id="todo-03">
                  <label for="todo-03">Buy tickets</label>
                </div>
              </li>
              <li>
                <div class="checkbox check-transparent">
                  <input type="checkbox" value="1" id="todo-04">
                  <label for="todo-04">Resolve issues</label>
                </div>
              </li>
              <li>
                <div class="checkbox check-transparent">
                  <input type="checkbox" value="1" id="todo-05">
                  <label for="todo-05">Compile new version</label>
                </div>
              </li>
              <li>
                <div class="checkbox check-transparent">
                  <input type="checkbox" value="1" id="todo-06">
                  <label for="todo-06">Upload new version</label>
                </div>
              </li>
            </ul>
          </div>
          <!-- /tile body -->
        


        </section>
        <!-- /tile -->


      </div>
      <!-- /col 4 -->
      
      
    </div>
    <!-- /row -->


    <!-- row -->
    <div class="row">




      <!-- col 6 -->
      <div class="col-md-6">

        
        <!-- tile -->
        <section class="tile transparent recent-activity">




          <!-- tile header -->
          <div class="tile-header transparent">               
            <h1><strong>Recent</strong> Activity</h1>
            <div class="controls">
              <a href="#" class="refresh"><i class="fa fa-refresh"></i></a>
              <a href="#" class="remove"><i class="fa fa-times"></i></a>
            </div>
          </div>
          <!-- /tile header -->


          
          <!-- tile widget -->
          <div class="tile-widget color transparent-black rounded-top-corners nopadding">
            <!-- Nav tabs -->
            <ul class="nav nav-tabs tabdrop"><li class="dropdown pull-right tabdrop hide"><a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-th-list"></i> <span class="badge"></span></a><ul class="dropdown-menu"></ul></li>
              <li class="active"><a href="#users-tab" data-toggle="tab">Users</a></li>
              <li><a href="#orders-tab" data-toggle="tab">Orders</a></li>
              <li><a href="#messages-tab" data-toggle="tab">Messages</a></li>
              <li><a href="#tasks-tab" data-toggle="tab">Tasks</a></li>
              <li><a href="#comments-tab" data-toggle="tab">Comments</a></li>
            </ul>
            <!-- / Nav tabs -->
          </div>
          <!-- /tile widget -->




          <!-- tile body -->
          <div class="tile-body tab-content nopadding rounded-bottom-corners">
            <!-- Tab panes -->
            
            <ul id="users-tab" class="tab-pane fade in active">
              <li>
                <img src="/assets/images/peter-avatar.jpg" class="w35" alt="">
                <span class="user font-slab">Peter <strong>Kay</strong></span>
                <span class="subject">has been <strong>unbanned</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 15 minutes ago</span>
              </li>
              <li>
                <img src="/assets/images/arnold-avatar.jpg" class="w35" alt="">
                <span class="user font-slab">Arnold <strong>Karlsberg</strong></span>
                <span class="subject">has been <strong>unbanned</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 1 hour ago</span>
              </li>
              <li>
                <img src="/assets/images/arnold-avatar.jpg" class="w35" alt="">
                <span class="user font-slab">Arnold <strong>Karlsberg</strong></span>
                <span class="subject">has been <strong>banned</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 2 hours ago</span>
              </li>
              <li>
                <img src="/assets/images/ici-avatar.jpg" class="w35" alt="">
                <span class="user font-slab">Ing. Imrich <strong>Kamarel</strong></span>
                <span class="subject">has been <strong>updated</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 4 hours ago</span>
              </li>
              <li>
                <img src="/assets/images/arnold-avatar.jpg" class="w35" alt="">
                <span class="user font-slab">Arnold <strong>Karlsberg</strong></span>
                <span class="subject">has been <strong>registered</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 8 hours ago</span>
              </li>
              <li>
                <img src="/assets/images/peter-avatar.jpg" class="w35" alt="">
                <span class="user font-slab">Peter <strong>Kay</strong></span>
                <span class="subject">has been <strong>banned</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 12 hours ago</span>
              </li>
              <li>
                <img src="/assets/images/peter-avatar.jpg" class="w35" alt="">
                <span class="user font-slab">Peter <strong>Kay</strong></span>
                <span class="subject">has been <strong>registered</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> yesterday</span>
              </li>
            </ul>

            <ul id="orders-tab" class="tab-pane fade">
              <li>
                <img src="/assets/images/arnold-avatar.jpg" class="w35" alt="">
                <span class="user font-slab">Arnold <strong>Karlsberg</strong></span>
                <span class="subject">send new order <strong>OR_00012014</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 15 minutes ago</span>
              </li>
              <li>
                <img src="/assets/images/george-avatar.jpg" class="w35" alt="">
                <span class="user font-slab">George <strong>McCain</strong></span>
                <span class="subject">change order <strong>OR_02172013</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 27 minutes ago</span>
              </li>
              <li>
                <img src="/assets/images/george-avatar.jpg" class="w35" alt="">
                <span class="user font-slab">George <strong>McCain</strong></span>
                <span class="subject">send new order <strong>OR_02172013</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 35 minutes ago</span>
              </li>
              <li>
                <img src="/assets/images/peter-avatar.jpg" class="w35" alt="">
                <span class="user font-slab">Peter <strong>Kay</strong></span>
                <span class="subject">cancelled order <strong>OR_02162013</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 2 hours ago</span>
              </li>
              <li>
                <img src="/assets/images/peter-avatar.jpg" class="w35" alt="">
                <span class="user font-slab">Peter <strong>Kay</strong></span>
                <span class="subject">send new order <strong>OR_02162013</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 3 hours ago</span>
              </li>
              <li>
                <img src="/assets/images/ici-avatar.jpg" class="w35" alt="">
                <span class="user font-slab">Ing. Imrich <strong>Kamarel</strong></span>
                <span class="subject">send new order <strong>OR_02152013</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 5 hours ago</span>
              </li>
              <li>
                <img src="/assets/images/ici-avatar.jpg" class="w35" alt="">
                <span class="user font-slab">Ing. Imrich <strong>Kamarel</strong></span>
                <span class="subject">send new order <strong>OR_02142013</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 5 hours ago</span>
              </li>
            </ul>

            <ul id="messages-tab" class="tab-pane fade">
              <li>
                <img src="/assets/images/profile-photo.jpg" class="w35" alt="">
                <span class="user font-slab"><strong>You</strong></span>
                <span class="subject">received new message from <strong>Peter Kay</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 15 minutes ago</span>
              </li>
              <li>
                <img src="/assets/images/profile-photo.jpg" class="w35" alt="">
                <span class="user font-slab"><strong>You</strong></span>
                <span class="subject">received new message from <strong>Peter Kay</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 30 minutes ago</span>
              </li>
              <li>
                <img src="/assets/images/profile-photo.jpg" class="w35" alt="">
                <span class="user font-slab"><strong>You</strong></span>
                <span class="subject">received new message from <strong>Ing. Imrich Kamarel</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 35 minutes ago</span>
              </li>
              <li>
                <img src="/assets/images/profile-photo.jpg" class="w35" alt="">
                <span class="user font-slab"><strong>You</strong></span>
                <span class="subject">received new message from <strong>Arnold Arnold</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 42 minutes ago</span>
              </li>
              <li>
                <img src="/assets/images/profile-photo.jpg" class="w35" alt="">
                <span class="user font-slab"><strong>You</strong></span>
                <span class="subject">received new message from <strong>George McCain</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 1 hour ago</span>
              </li>
              <li>
                <img src="/assets/images/profile-photo.jpg" class="w35" alt="">
                <span class="user font-slab"><strong>You</strong></span>
                <span class="subject">received new message from <strong>Ing. Imrich Kamarel</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 1 hour ago</span>
              </li>
              <li>
                <img src="/assets/images/profile-photo.jpg" class="w35" alt="">
                <span class="user font-slab"><strong>You</strong></span>
                <span class="subject">received new message from <strong>Ing. Imrich Kamarel</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 1 hour ago</span>
              </li>
            </ul>

            <ul id="tasks-tab" class="tab-pane fade">
              <li>
                <img src="/assets/images/profile-photo.jpg" class="w35" alt="">
                <span class="user font-slab"><strong>You</strong></span>
                <span class="subject">cancelled task <strong>Get drunk</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 15 minutes ago</span>
              </li>
              <li>
                <img src="/assets/images/profile-photo.jpg" class="w35" alt="">
                <span class="user font-slab"><strong>You</strong></span>
                <span class="subject">finished task <strong>Gifts!</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 59 minutes ago</span>
              </li>
              <li>
                <img src="/assets/images/profile-photo.jpg" class="w35" alt="">
                <span class="user font-slab"><strong>You</strong></span>
                <span class="subject">finished task <strong>Make backup</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 3 hours ago</span>
              </li>
              <li>
                <img src="/assets/images/profile-photo.jpg" class="w35" alt="">
                <span class="user font-slab"><strong>You</strong></span>
                <span class="subject">have a new task <strong>Gifts!</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> yesterday</span>
              </li>
              <li>
                <img src="/assets/images/profile-photo.jpg" class="w35" alt="">
                <span class="user font-slab"><strong>You</strong></span>
                <span class="subject">finished task <strong>Send emails</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> yesterday</span>
              </li>
              <li>
                <img src="/assets/images/profile-photo.jpg" class="w35" alt="">
                <span class="user font-slab"><strong>You</strong></span>
                <span class="subject">have a new task <strong>Send emails</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> yesterday</span>
              </li>
              <li>
                <img src="/assets/images/profile-photo.jpg" class="w35" alt="">
                <span class="user font-slab"><strong>You</strong></span>
                <span class="subject">have a new task <strong>Make backup</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> yesterday</span>
              </li>
            </ul>

            <ul id="comments-tab" class="tab-pane fade">
              <li>
                <img src="/assets/images/arnold-avatar.jpg" class="w35" alt="">
                <span class="user font-slab">Arnold <strong>Karlsberg</strong></span>
                <span class="subject">deleted comment <strong>CM_00019</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 5 minutes ago</span>
              </li>
              <li>
                <img src="/assets/images/arnold-avatar.jpg" class="w35" alt="">
                <span class="user font-slab">Arnold <strong>Karlsberg</strong></span>
                <span class="subject">posted a new comment <strong>CM_00019</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 8 minutes ago</span>
              </li>
              <li>
                <img src="/assets/images/profile-photo.jpg" class="w35" alt="">
                <span class="user font-slab">John <strong>Douey</strong></span>
                <span class="subject">posted a new comment <strong>CM_00018</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 9 minutes ago</span>
              </li>
              <li>
                <img src="/assets/images/peter-avatar.jpg" class="w35" alt="">
                <span class="user font-slab">Peter <strong>Kay</strong></span>
                <span class="subject">posted a new comment <strong>CM_00017</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 18 minutes ago</span>
              </li>
              <li>
                <img src="/assets/images/arnold-avatar.jpg" class="w35" alt="">
                <span class="user font-slab">Ing. Imrich <strong>Kamarel</strong></span>
                <span class="subject">updated comment <strong>CM_00016</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 25 minutes ago</span>
              </li>
              <li>
                <img src="/assets/images/arnold-avatar.jpg" class="w35" alt="">
                <span class="user font-slab">Ing. Imrich <strong>Kamarel</strong></span>
                <span class="subject">posted a new comment <strong>CM_00016</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 42 minutes ago</span>
              </li>
              <li>
                <img src="/assets/images/profile-photo.jpg" class="w35" alt="">
                <span class="user font-slab">John <strong>Douey</strong></span>
                <span class="subject">posted a new comment <strong>CM_00015</strong></span>
                <span class="time"><i class="fa fa-clock-o"></i> 56 minutes ago</span>
              </li>
            </ul>

            <!-- / Tab panes -->
          </div>
          <!-- /tile body -->
        


        </section>
        <!-- /tile -->


      </div>
      <!-- /col 6 -->




      <!-- col 6 -->
      <div class="col-md-6">



        <!-- tile -->
        <section class="tile transparent">




          <!-- tile header -->
          <div class="tile-header transparent">               
            <h1><strong>Quick</strong> Message</h1>
            <div class="controls">
              <a href="#" class="refresh"><i class="fa fa-refresh"></i></a>
              <a href="#" class="remove"><i class="fa fa-times"></i></a>
            </div>
          </div>
          <!-- /tile header -->



          <!-- tile widget -->
          <div class="tile-widget color transparent-black rounded-top-corners">
            <form class="form-horizontal" role="form">
              <div class="form-group">
                <label for="message-to" class="col-sm-2 control-label font-slab">Recipients</label>
                <div class="col-sm-10">
                  <select data-placeholder="Select recipients..." multiple="" tabindex="-1" class="chosen-select form-control chosen-transparent" id="message-to" style="display: none;">
                    <option value="http://tattek.com/minimal/ici@gmail.com">ici@gmail.com</option>
                    <option value="http://tattek.com/minimal/johny@gmail.com">johny@gmail.com</option>
                    <option value="http://tattek.com/minimal/arnie@gmail.com">arnie@gmail.com</option>
                    <option value="http://tattek.com/minimal/pete@gmail.com">pete@gmail.com</option>
                    <option value="http://tattek.com/minimal/gorge@gmail.com">gorge@gmail.com</option>
                  </select><div class="chosen-container chosen-container-multi" style="width: 637px;" title="" id="message_to_chosen"><ul class="chosen-choices"><li class="search-field"><input type="text" value="Select recipients..." class="default" autocomplete="off" style="width: 145px;" tabindex="3"></li></ul><div class="chosen-drop"><ul class="chosen-results"></ul></div></div>
                </div>
              </div>
              <div class="form-group no-bottom-margin">
                <label for="subject" class="col-sm-2 control-label font-slab">Subject</label>
                <div class="col-sm-10">
                  <input type="text" class="form-control transparent" id="subject" placeholder="Type subject here...">
                </div>
              </div>
            </form>
          </div>
          <!-- /tile widget -->



          <!-- tile body -->
          <div class="tile-body nopadding">
            <div id="quick-message-content" style="display: none;"></div><div class="note-editor"><div class="note-dropzone"><div class="note-dropzone-message"></div></div><div class="note-dialog"><div class="note-image-dialog modal" aria-hidden="false"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button type="button" class="close" aria-hidden="true" tabindex="-1">×</button><h4>Insert Image</h4></div><div class="modal-body"><div class="row-fluid"><h5>Select from files</h5><input class="note-image-input" type="file" name="files" accept="image/*"><h5>Image URL</h5><input class="note-image-url form-control span12" type="text"></div></div><div class="modal-footer"><button href="#" class="btn btn-primary note-image-btn disabled" disabled="disabled">Insert Image</button></div></div></div></div><div class="note-link-dialog modal" aria-hidden="false"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button type="button" class="close" aria-hidden="true" tabindex="-1">×</button><h4>Insert Link</h4></div><div class="modal-body"><div class="row-fluid"><div class="form-group"><label>Text to display</label><span class="note-link-text form-control input-xlarge uneditable-input"></span></div><div class="form-group"><label>To what URL should this link go?</label><input class="note-link-url form-control span12" type="text"></div></div></div><div class="modal-footer"><button href="#" class="btn btn-primary note-link-btn disabled" disabled="disabled">Insert Link</button></div></div></div></div><div class="note-video-dialog modal" aria-hidden="false"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button type="button" class="close" aria-hidden="true" tabindex="-1">×</button><h4>Insert Video</h4></div><div class="modal-body"><div class="row-fluid"><div class="form-group"><label>Video URL?</label>&nbsp;<small class="text-muted">(YouTube, Vimeo, Vine, Instagram, or DailyMotion)</small><input class="note-video-url form-control span12" type="text"></div></div></div><div class="modal-footer"><button href="#" class="btn btn-primary note-video-btn disabled" disabled="disabled">Insert Video</button></div></div></div></div><div class="note-help-dialog modal" aria-hidden="false"><div class="modal-dialog"><div class="modal-content"><div class="modal-body"><div class="modal-background"><a class="modal-close pull-right" aria-hidden="true" tabindex="-1">Close</a><div class="title">Keyboard shortcuts</div><table class="note-shortcut-layout"><tbody><tr><td><table class="note-shortcut"><thead><tr><th></th><th>Action</th></tr></thead><tbody><tr><td>⌘ + Z</td><td>Undo</td></tr><tr><td>⌘ + ⇧ + Z</td><td>Redo</td></tr><tr><td>⌘ + ]</td><td>Indent</td></tr><tr><td>⌘ + [</td><td>Outdent</td></tr><tr><td>⌘ + K</td><td>Insert Link</td></tr><tr><td>⌘ + ENTER</td><td>Insert Horizontal Rule</td></tr></tbody></table></td><td><table class="note-shortcut"><thead><tr><th></th><th>Text formatting</th></tr></thead><tbody><tr><td>⌘ + B</td><td>Bold</td></tr><tr><td>⌘ + I</td><td>Italic</td></tr><tr><td>⌘ + U</td><td>Underline</td></tr><tr><td>⌘ + ⇧ + S</td><td>Strike</td></tr><tr><td>⌘ + \</td><td>Remove Font Style</td></tr></tbody></table></td></tr><tr><td><table class="note-shortcut"><thead><tr><th></th><th>Document Style</th></tr></thead><tbody><tr><td>⌘ + NUM0</td><td>Normal</td></tr><tr><td>⌘ + NUM1</td><td>Header 1</td></tr><tr><td>⌘ + NUM2</td><td>Header 2</td></tr><tr><td>⌘ + NUM3</td><td>Header 3</td></tr><tr><td>⌘ + NUM4</td><td>Header 4</td></tr><tr><td>⌘ + NUM5</td><td>Header 5</td></tr><tr><td>⌘ + NUM6</td><td>Header 6</td></tr></tbody></table></td><td><table class="note-shortcut"><thead><tr><th></th><th>Paragraph formatting</th></tr></thead><tbody><tr><td>⌘ + ⇧ + L</td><td>Align left</td></tr><tr><td>⌘ + ⇧ + E</td><td>Align center</td></tr><tr><td>⌘ + ⇧ + R</td><td>Align right</td></tr><tr><td>⌘ + ⇧ + J</td><td>Justify full</td></tr><tr><td>⌘ + ⇧ + NUM7</td><td>Ordered list</td></tr><tr><td>⌘ + ⇧ + NUM8</td><td>Unordered list</td></tr></tbody></table></td></tr></tbody></table><p class="text-center"><a href="//hackerwins.github.io/summernote/" target="_blank">Summernote 0.5.1</a> · <a href="//github.com/HackerWins/summernote" target="_blank">Project</a> · <a href="//github.com/HackerWins/summernote/issues" target="_blank">Issues</a></p></div></div></div></div></div></div><div class="note-handle"><div class="note-control-selection"><div class="note-control-selection-bg"></div><div class="note-control-holder note-control-nw"></div><div class="note-control-holder note-control-ne"></div><div class="note-control-holder note-control-sw"></div><div class="note-control-sizing note-control-se"></div><div class="note-control-selection-info"></div></div></div><div class="note-popover"><div class="note-link-popover popover bottom in" style="display: none;"><div class="arrow"></div><div class="popover-content note-link-content"><a href="http://www.google.com" target="_blank">www.google.com</a>&nbsp;&nbsp;<div class="note-insert btn-group"><button type="button" class="btn btn-default btn-sm btn-small" title="" data-event="showLinkDialog" tabindex="-1" data-original-title="Edit"><i class="fa fa-edit icon-edit"></i></button><button type="button" class="btn btn-default btn-sm btn-small" title="" data-event="unlink" tabindex="-1" data-original-title="Unlink"><i class="fa fa-unlink icon-unlink"></i></button><button type="button" class="btn btn-default btn-sm btn-small" title="" data-event="showVideoDialog" tabindex="-1" data-original-title="Video Link"><i class="fa fa-youtube-play icon-play"></i></button></div></div></div><div class="note-image-popover popover bottom in" style="display: none;"><div class="arrow"></div><div class="popover-content note-image-content"><div class="btn-group"><button type="button" class="btn btn-default btn-sm btn-small" title="" data-event="resize" data-value="1" tabindex="-1" data-original-title="Resize Full"><span class="note-fontsize-10">100%</span> </button><button type="button" class="btn btn-default btn-sm btn-small" title="" data-event="resize" data-value="0.5" tabindex="-1" data-original-title="Resize Half"><span class="note-fontsize-10">50%</span> </button><button type="button" class="btn btn-default btn-sm btn-small" title="" data-event="resize" data-value="0.25" tabindex="-1" data-original-title="Resize Quarter"><span class="note-fontsize-10">25%</span> </button></div><div class="btn-group"><button type="button" class="btn btn-default btn-sm btn-small" title="" data-event="floatMe" data-value="left" tabindex="-1" data-original-title="Float Left"><i class="fa fa-align-left icon-align-left"></i></button><button type="button" class="btn btn-default btn-sm btn-small" title="" data-event="floatMe" data-value="right" tabindex="-1" data-original-title="Float Right"><i class="fa fa-align-right icon-align-right"></i></button><button type="button" class="btn btn-default btn-sm btn-small" title="" data-event="floatMe" data-value="none" tabindex="-1" data-original-title="Float None"><i class="fa fa-align-justify icon-align-justify"></i></button></div></div></div></div><div class="note-toolbar btn-toolbar"><div class="note-style btn-group"><button type="button" class="btn btn-default btn-sm btn-small" title="" data-shortcut="Ctrl+B" data-mac-shortcut="⌘+B" data-event="bold" tabindex="-1" data-original-title="Bold (⌘+B)"><i class="fa fa-bold icon-bold"></i></button><button type="button" class="btn btn-default btn-sm btn-small" title="" data-shortcut="Ctrl+I" data-mac-shortcut="⌘+I" data-event="italic" tabindex="-1" data-original-title="Italic (⌘+I)"><i class="fa fa-italic icon-italic"></i></button><button type="button" class="btn btn-default btn-sm btn-small" title="" data-shortcut="Ctrl+U" data-mac-shortcut="⌘+U" data-event="underline" tabindex="-1" data-original-title="Underline (⌘+U)"><i class="fa fa-underline icon-underline"></i></button><button type="button" class="btn btn-default btn-sm btn-small" title="" data-shortcut="Ctrl+\" data-mac-shortcut="⌘+\" data-event="removeFormat" tabindex="-1" data-original-title="Remove Font Style (⌘+\)"><i class="fa fa-eraser icon-eraser"></i></button></div><div class="note-fontsize btn-group"><button type="button" class="btn btn-default btn-sm btn-small dropdown-toggle" data-toggle="dropdown" title="" tabindex="-1" data-original-title="Font Size"><span class="note-current-fontsize">11</span> <b class="caret"></b></button><ul class="dropdown-menu"><li><a data-event="fontSize" data-value="8"><i class="fa fa-check icon-ok"></i> 8</a></li><li><a data-event="fontSize" data-value="9"><i class="fa fa-check icon-ok"></i> 9</a></li><li><a data-event="fontSize" data-value="10"><i class="fa fa-check icon-ok"></i> 10</a></li><li><a data-event="fontSize" data-value="11"><i class="fa fa-check icon-ok"></i> 11</a></li><li><a data-event="fontSize" data-value="12"><i class="fa fa-check icon-ok"></i> 12</a></li><li><a data-event="fontSize" data-value="14"><i class="fa fa-check icon-ok"></i> 14</a></li><li><a data-event="fontSize" data-value="18"><i class="fa fa-check icon-ok"></i> 18</a></li><li><a data-event="fontSize" data-value="24"><i class="fa fa-check icon-ok"></i> 24</a></li><li><a data-event="fontSize" data-value="36"><i class="fa fa-check icon-ok"></i> 36</a></li></ul></div><div class="note-color btn-group"><button type="button" class="btn btn-default btn-sm btn-small note-recent-color" title="" data-event="color" data-value="{&quot;backColor&quot;:&quot;yellow&quot;}" tabindex="-1" data-original-title="Recent Color"><i class="fa fa-font icon-font" style="color:black;background-color:yellow;"></i></button><button type="button" class="btn btn-default btn-sm btn-small dropdown-toggle" title="" data-toggle="dropdown" tabindex="-1" data-original-title="More Color"><span class="caret"></span></button><ul class="dropdown-menu"><li><div class="btn-group"><div class="note-palette-title">BackColor</div><div class="note-color-reset" data-event="backColor" data-value="inherit" title="Transparent">Set transparent</div><div class="note-color-palette" data-target-event="backColor"><div><button type="button" class="note-color-btn" style="background-color:#000000;" data-event="backColor" data-value="#000000" title="" data-toggle="button" tabindex="-1" data-original-title="#000000"></button><button type="button" class="note-color-btn" style="background-color:#424242;" data-event="backColor" data-value="#424242" title="" data-toggle="button" tabindex="-1" data-original-title="#424242"></button><button type="button" class="note-color-btn" style="background-color:#636363;" data-event="backColor" data-value="#636363" title="" data-toggle="button" tabindex="-1" data-original-title="#636363"></button><button type="button" class="note-color-btn" style="background-color:#9C9C94;" data-event="backColor" data-value="#9C9C94" title="" data-toggle="button" tabindex="-1" data-original-title="#9C9C94"></button><button type="button" class="note-color-btn" style="background-color:#CEC6CE;" data-event="backColor" data-value="#CEC6CE" title="" data-toggle="button" tabindex="-1" data-original-title="#CEC6CE"></button><button type="button" class="note-color-btn" style="background-color:#EFEFEF;" data-event="backColor" data-value="#EFEFEF" title="" data-toggle="button" tabindex="-1" data-original-title="#EFEFEF"></button><button type="button" class="note-color-btn" style="background-color:#F7F7F7;" data-event="backColor" data-value="#F7F7F7" title="" data-toggle="button" tabindex="-1" data-original-title="#F7F7F7"></button><button type="button" class="note-color-btn" style="background-color:#FFFFFF;" data-event="backColor" data-value="#FFFFFF" title="" data-toggle="button" tabindex="-1" data-original-title="#FFFFFF"></button></div><div><button type="button" class="note-color-btn" style="background-color:#FF0000;" data-event="backColor" data-value="#FF0000" title="" data-toggle="button" tabindex="-1" data-original-title="#FF0000"></button><button type="button" class="note-color-btn" style="background-color:#FF9C00;" data-event="backColor" data-value="#FF9C00" title="" data-toggle="button" tabindex="-1" data-original-title="#FF9C00"></button><button type="button" class="note-color-btn" style="background-color:#FFFF00;" data-event="backColor" data-value="#FFFF00" title="" data-toggle="button" tabindex="-1" data-original-title="#FFFF00"></button><button type="button" class="note-color-btn" style="background-color:#00FF00;" data-event="backColor" data-value="#00FF00" title="" data-toggle="button" tabindex="-1" data-original-title="#00FF00"></button><button type="button" class="note-color-btn" style="background-color:#00FFFF;" data-event="backColor" data-value="#00FFFF" title="" data-toggle="button" tabindex="-1" data-original-title="#00FFFF"></button><button type="button" class="note-color-btn" style="background-color:#0000FF;" data-event="backColor" data-value="#0000FF" title="" data-toggle="button" tabindex="-1" data-original-title="#0000FF"></button><button type="button" class="note-color-btn" style="background-color:#9C00FF;" data-event="backColor" data-value="#9C00FF" title="" data-toggle="button" tabindex="-1" data-original-title="#9C00FF"></button><button type="button" class="note-color-btn" style="background-color:#FF00FF;" data-event="backColor" data-value="#FF00FF" title="" data-toggle="button" tabindex="-1" data-original-title="#FF00FF"></button></div><div><button type="button" class="note-color-btn" style="background-color:#F7C6CE;" data-event="backColor" data-value="#F7C6CE" title="" data-toggle="button" tabindex="-1" data-original-title="#F7C6CE"></button><button type="button" class="note-color-btn" style="background-color:#FFE7CE;" data-event="backColor" data-value="#FFE7CE" title="" data-toggle="button" tabindex="-1" data-original-title="#FFE7CE"></button><button type="button" class="note-color-btn" style="background-color:#FFEFC6;" data-event="backColor" data-value="#FFEFC6" title="" data-toggle="button" tabindex="-1" data-original-title="#FFEFC6"></button><button type="button" class="note-color-btn" style="background-color:#D6EFD6;" data-event="backColor" data-value="#D6EFD6" title="" data-toggle="button" tabindex="-1" data-original-title="#D6EFD6"></button><button type="button" class="note-color-btn" style="background-color:#CEDEE7;" data-event="backColor" data-value="#CEDEE7" title="" data-toggle="button" tabindex="-1" data-original-title="#CEDEE7"></button><button type="button" class="note-color-btn" style="background-color:#CEE7F7;" data-event="backColor" data-value="#CEE7F7" title="" data-toggle="button" tabindex="-1" data-original-title="#CEE7F7"></button><button type="button" class="note-color-btn" style="background-color:#D6D6E7;" data-event="backColor" data-value="#D6D6E7" title="" data-toggle="button" tabindex="-1" data-original-title="#D6D6E7"></button><button type="button" class="note-color-btn" style="background-color:#E7D6DE;" data-event="backColor" data-value="#E7D6DE" title="" data-toggle="button" tabindex="-1" data-original-title="#E7D6DE"></button></div><div><button type="button" class="note-color-btn" style="background-color:#E79C9C;" data-event="backColor" data-value="#E79C9C" title="" data-toggle="button" tabindex="-1" data-original-title="#E79C9C"></button><button type="button" class="note-color-btn" style="background-color:#FFC69C;" data-event="backColor" data-value="#FFC69C" title="" data-toggle="button" tabindex="-1" data-original-title="#FFC69C"></button><button type="button" class="note-color-btn" style="background-color:#FFE79C;" data-event="backColor" data-value="#FFE79C" title="" data-toggle="button" tabindex="-1" data-original-title="#FFE79C"></button><button type="button" class="note-color-btn" style="background-color:#B5D6A5;" data-event="backColor" data-value="#B5D6A5" title="" data-toggle="button" tabindex="-1" data-original-title="#B5D6A5"></button><button type="button" class="note-color-btn" style="background-color:#A5C6CE;" data-event="backColor" data-value="#A5C6CE" title="" data-toggle="button" tabindex="-1" data-original-title="#A5C6CE"></button><button type="button" class="note-color-btn" style="background-color:#9CC6EF;" data-event="backColor" data-value="#9CC6EF" title="" data-toggle="button" tabindex="-1" data-original-title="#9CC6EF"></button><button type="button" class="note-color-btn" style="background-color:#B5A5D6;" data-event="backColor" data-value="#B5A5D6" title="" data-toggle="button" tabindex="-1" data-original-title="#B5A5D6"></button><button type="button" class="note-color-btn" style="background-color:#D6A5BD;" data-event="backColor" data-value="#D6A5BD" title="" data-toggle="button" tabindex="-1" data-original-title="#D6A5BD"></button></div><div><button type="button" class="note-color-btn" style="background-color:#E76363;" data-event="backColor" data-value="#E76363" title="" data-toggle="button" tabindex="-1" data-original-title="#E76363"></button><button type="button" class="note-color-btn" style="background-color:#F7AD6B;" data-event="backColor" data-value="#F7AD6B" title="" data-toggle="button" tabindex="-1" data-original-title="#F7AD6B"></button><button type="button" class="note-color-btn" style="background-color:#FFD663;" data-event="backColor" data-value="#FFD663" title="" data-toggle="button" tabindex="-1" data-original-title="#FFD663"></button><button type="button" class="note-color-btn" style="background-color:#94BD7B;" data-event="backColor" data-value="#94BD7B" title="" data-toggle="button" tabindex="-1" data-original-title="#94BD7B"></button><button type="button" class="note-color-btn" style="background-color:#73A5AD;" data-event="backColor" data-value="#73A5AD" title="" data-toggle="button" tabindex="-1" data-original-title="#73A5AD"></button><button type="button" class="note-color-btn" style="background-color:#6BADDE;" data-event="backColor" data-value="#6BADDE" title="" data-toggle="button" tabindex="-1" data-original-title="#6BADDE"></button><button type="button" class="note-color-btn" style="background-color:#8C7BC6;" data-event="backColor" data-value="#8C7BC6" title="" data-toggle="button" tabindex="-1" data-original-title="#8C7BC6"></button><button type="button" class="note-color-btn" style="background-color:#C67BA5;" data-event="backColor" data-value="#C67BA5" title="" data-toggle="button" tabindex="-1" data-original-title="#C67BA5"></button></div><div><button type="button" class="note-color-btn" style="background-color:#CE0000;" data-event="backColor" data-value="#CE0000" title="" data-toggle="button" tabindex="-1" data-original-title="#CE0000"></button><button type="button" class="note-color-btn" style="background-color:#E79439;" data-event="backColor" data-value="#E79439" title="" data-toggle="button" tabindex="-1" data-original-title="#E79439"></button><button type="button" class="note-color-btn" style="background-color:#EFC631;" data-event="backColor" data-value="#EFC631" title="" data-toggle="button" tabindex="-1" data-original-title="#EFC631"></button><button type="button" class="note-color-btn" style="background-color:#6BA54A;" data-event="backColor" data-value="#6BA54A" title="" data-toggle="button" tabindex="-1" data-original-title="#6BA54A"></button><button type="button" class="note-color-btn" style="background-color:#4A7B8C;" data-event="backColor" data-value="#4A7B8C" title="" data-toggle="button" tabindex="-1" data-original-title="#4A7B8C"></button><button type="button" class="note-color-btn" style="background-color:#3984C6;" data-event="backColor" data-value="#3984C6" title="" data-toggle="button" tabindex="-1" data-original-title="#3984C6"></button><button type="button" class="note-color-btn" style="background-color:#634AA5;" data-event="backColor" data-value="#634AA5" title="" data-toggle="button" tabindex="-1" data-original-title="#634AA5"></button><button type="button" class="note-color-btn" style="background-color:#A54A7B;" data-event="backColor" data-value="#A54A7B" title="" data-toggle="button" tabindex="-1" data-original-title="#A54A7B"></button></div><div><button type="button" class="note-color-btn" style="background-color:#9C0000;" data-event="backColor" data-value="#9C0000" title="" data-toggle="button" tabindex="-1" data-original-title="#9C0000"></button><button type="button" class="note-color-btn" style="background-color:#B56308;" data-event="backColor" data-value="#B56308" title="" data-toggle="button" tabindex="-1" data-original-title="#B56308"></button><button type="button" class="note-color-btn" style="background-color:#BD9400;" data-event="backColor" data-value="#BD9400" title="" data-toggle="button" tabindex="-1" data-original-title="#BD9400"></button><button type="button" class="note-color-btn" style="background-color:#397B21;" data-event="backColor" data-value="#397B21" title="" data-toggle="button" tabindex="-1" data-original-title="#397B21"></button><button type="button" class="note-color-btn" style="background-color:#104A5A;" data-event="backColor" data-value="#104A5A" title="" data-toggle="button" tabindex="-1" data-original-title="#104A5A"></button><button type="button" class="note-color-btn" style="background-color:#085294;" data-event="backColor" data-value="#085294" title="" data-toggle="button" tabindex="-1" data-original-title="#085294"></button><button type="button" class="note-color-btn" style="background-color:#311873;" data-event="backColor" data-value="#311873" title="" data-toggle="button" tabindex="-1" data-original-title="#311873"></button><button type="button" class="note-color-btn" style="background-color:#731842;" data-event="backColor" data-value="#731842" title="" data-toggle="button" tabindex="-1" data-original-title="#731842"></button></div><div><button type="button" class="note-color-btn" style="background-color:#630000;" data-event="backColor" data-value="#630000" title="" data-toggle="button" tabindex="-1" data-original-title="#630000"></button><button type="button" class="note-color-btn" style="background-color:#7B3900;" data-event="backColor" data-value="#7B3900" title="" data-toggle="button" tabindex="-1" data-original-title="#7B3900"></button><button type="button" class="note-color-btn" style="background-color:#846300;" data-event="backColor" data-value="#846300" title="" data-toggle="button" tabindex="-1" data-original-title="#846300"></button><button type="button" class="note-color-btn" style="background-color:#295218;" data-event="backColor" data-value="#295218" title="" data-toggle="button" tabindex="-1" data-original-title="#295218"></button><button type="button" class="note-color-btn" style="background-color:#083139;" data-event="backColor" data-value="#083139" title="" data-toggle="button" tabindex="-1" data-original-title="#083139"></button><button type="button" class="note-color-btn" style="background-color:#003163;" data-event="backColor" data-value="#003163" title="" data-toggle="button" tabindex="-1" data-original-title="#003163"></button><button type="button" class="note-color-btn" style="background-color:#21104A;" data-event="backColor" data-value="#21104A" title="" data-toggle="button" tabindex="-1" data-original-title="#21104A"></button><button type="button" class="note-color-btn" style="background-color:#4A1031;" data-event="backColor" data-value="#4A1031" title="" data-toggle="button" tabindex="-1" data-original-title="#4A1031"></button></div></div></div><div class="btn-group"><div class="note-palette-title">FontColor</div><div class="note-color-reset" data-event="foreColor" data-value="inherit" title="Reset">Reset to default</div><div class="note-color-palette" data-target-event="foreColor"><div><button type="button" class="note-color-btn" style="background-color:#000000;" data-event="foreColor" data-value="#000000" title="" data-toggle="button" tabindex="-1" data-original-title="#000000"></button><button type="button" class="note-color-btn" style="background-color:#424242;" data-event="foreColor" data-value="#424242" title="" data-toggle="button" tabindex="-1" data-original-title="#424242"></button><button type="button" class="note-color-btn" style="background-color:#636363;" data-event="foreColor" data-value="#636363" title="" data-toggle="button" tabindex="-1" data-original-title="#636363"></button><button type="button" class="note-color-btn" style="background-color:#9C9C94;" data-event="foreColor" data-value="#9C9C94" title="" data-toggle="button" tabindex="-1" data-original-title="#9C9C94"></button><button type="button" class="note-color-btn" style="background-color:#CEC6CE;" data-event="foreColor" data-value="#CEC6CE" title="" data-toggle="button" tabindex="-1" data-original-title="#CEC6CE"></button><button type="button" class="note-color-btn" style="background-color:#EFEFEF;" data-event="foreColor" data-value="#EFEFEF" title="" data-toggle="button" tabindex="-1" data-original-title="#EFEFEF"></button><button type="button" class="note-color-btn" style="background-color:#F7F7F7;" data-event="foreColor" data-value="#F7F7F7" title="" data-toggle="button" tabindex="-1" data-original-title="#F7F7F7"></button><button type="button" class="note-color-btn" style="background-color:#FFFFFF;" data-event="foreColor" data-value="#FFFFFF" title="" data-toggle="button" tabindex="-1" data-original-title="#FFFFFF"></button></div><div><button type="button" class="note-color-btn" style="background-color:#FF0000;" data-event="foreColor" data-value="#FF0000" title="" data-toggle="button" tabindex="-1" data-original-title="#FF0000"></button><button type="button" class="note-color-btn" style="background-color:#FF9C00;" data-event="foreColor" data-value="#FF9C00" title="" data-toggle="button" tabindex="-1" data-original-title="#FF9C00"></button><button type="button" class="note-color-btn" style="background-color:#FFFF00;" data-event="foreColor" data-value="#FFFF00" title="" data-toggle="button" tabindex="-1" data-original-title="#FFFF00"></button><button type="button" class="note-color-btn" style="background-color:#00FF00;" data-event="foreColor" data-value="#00FF00" title="" data-toggle="button" tabindex="-1" data-original-title="#00FF00"></button><button type="button" class="note-color-btn" style="background-color:#00FFFF;" data-event="foreColor" data-value="#00FFFF" title="" data-toggle="button" tabindex="-1" data-original-title="#00FFFF"></button><button type="button" class="note-color-btn" style="background-color:#0000FF;" data-event="foreColor" data-value="#0000FF" title="" data-toggle="button" tabindex="-1" data-original-title="#0000FF"></button><button type="button" class="note-color-btn" style="background-color:#9C00FF;" data-event="foreColor" data-value="#9C00FF" title="" data-toggle="button" tabindex="-1" data-original-title="#9C00FF"></button><button type="button" class="note-color-btn" style="background-color:#FF00FF;" data-event="foreColor" data-value="#FF00FF" title="" data-toggle="button" tabindex="-1" data-original-title="#FF00FF"></button></div><div><button type="button" class="note-color-btn" style="background-color:#F7C6CE;" data-event="foreColor" data-value="#F7C6CE" title="" data-toggle="button" tabindex="-1" data-original-title="#F7C6CE"></button><button type="button" class="note-color-btn" style="background-color:#FFE7CE;" data-event="foreColor" data-value="#FFE7CE" title="" data-toggle="button" tabindex="-1" data-original-title="#FFE7CE"></button><button type="button" class="note-color-btn" style="background-color:#FFEFC6;" data-event="foreColor" data-value="#FFEFC6" title="" data-toggle="button" tabindex="-1" data-original-title="#FFEFC6"></button><button type="button" class="note-color-btn" style="background-color:#D6EFD6;" data-event="foreColor" data-value="#D6EFD6" title="" data-toggle="button" tabindex="-1" data-original-title="#D6EFD6"></button><button type="button" class="note-color-btn" style="background-color:#CEDEE7;" data-event="foreColor" data-value="#CEDEE7" title="" data-toggle="button" tabindex="-1" data-original-title="#CEDEE7"></button><button type="button" class="note-color-btn" style="background-color:#CEE7F7;" data-event="foreColor" data-value="#CEE7F7" title="" data-toggle="button" tabindex="-1" data-original-title="#CEE7F7"></button><button type="button" class="note-color-btn" style="background-color:#D6D6E7;" data-event="foreColor" data-value="#D6D6E7" title="" data-toggle="button" tabindex="-1" data-original-title="#D6D6E7"></button><button type="button" class="note-color-btn" style="background-color:#E7D6DE;" data-event="foreColor" data-value="#E7D6DE" title="" data-toggle="button" tabindex="-1" data-original-title="#E7D6DE"></button></div><div><button type="button" class="note-color-btn" style="background-color:#E79C9C;" data-event="foreColor" data-value="#E79C9C" title="" data-toggle="button" tabindex="-1" data-original-title="#E79C9C"></button><button type="button" class="note-color-btn" style="background-color:#FFC69C;" data-event="foreColor" data-value="#FFC69C" title="" data-toggle="button" tabindex="-1" data-original-title="#FFC69C"></button><button type="button" class="note-color-btn" style="background-color:#FFE79C;" data-event="foreColor" data-value="#FFE79C" title="" data-toggle="button" tabindex="-1" data-original-title="#FFE79C"></button><button type="button" class="note-color-btn" style="background-color:#B5D6A5;" data-event="foreColor" data-value="#B5D6A5" title="" data-toggle="button" tabindex="-1" data-original-title="#B5D6A5"></button><button type="button" class="note-color-btn" style="background-color:#A5C6CE;" data-event="foreColor" data-value="#A5C6CE" title="" data-toggle="button" tabindex="-1" data-original-title="#A5C6CE"></button><button type="button" class="note-color-btn" style="background-color:#9CC6EF;" data-event="foreColor" data-value="#9CC6EF" title="" data-toggle="button" tabindex="-1" data-original-title="#9CC6EF"></button><button type="button" class="note-color-btn" style="background-color:#B5A5D6;" data-event="foreColor" data-value="#B5A5D6" title="" data-toggle="button" tabindex="-1" data-original-title="#B5A5D6"></button><button type="button" class="note-color-btn" style="background-color:#D6A5BD;" data-event="foreColor" data-value="#D6A5BD" title="" data-toggle="button" tabindex="-1" data-original-title="#D6A5BD"></button></div><div><button type="button" class="note-color-btn" style="background-color:#E76363;" data-event="foreColor" data-value="#E76363" title="" data-toggle="button" tabindex="-1" data-original-title="#E76363"></button><button type="button" class="note-color-btn" style="background-color:#F7AD6B;" data-event="foreColor" data-value="#F7AD6B" title="" data-toggle="button" tabindex="-1" data-original-title="#F7AD6B"></button><button type="button" class="note-color-btn" style="background-color:#FFD663;" data-event="foreColor" data-value="#FFD663" title="" data-toggle="button" tabindex="-1" data-original-title="#FFD663"></button><button type="button" class="note-color-btn" style="background-color:#94BD7B;" data-event="foreColor" data-value="#94BD7B" title="" data-toggle="button" tabindex="-1" data-original-title="#94BD7B"></button><button type="button" class="note-color-btn" style="background-color:#73A5AD;" data-event="foreColor" data-value="#73A5AD" title="" data-toggle="button" tabindex="-1" data-original-title="#73A5AD"></button><button type="button" class="note-color-btn" style="background-color:#6BADDE;" data-event="foreColor" data-value="#6BADDE" title="" data-toggle="button" tabindex="-1" data-original-title="#6BADDE"></button><button type="button" class="note-color-btn" style="background-color:#8C7BC6;" data-event="foreColor" data-value="#8C7BC6" title="" data-toggle="button" tabindex="-1" data-original-title="#8C7BC6"></button><button type="button" class="note-color-btn" style="background-color:#C67BA5;" data-event="foreColor" data-value="#C67BA5" title="" data-toggle="button" tabindex="-1" data-original-title="#C67BA5"></button></div><div><button type="button" class="note-color-btn" style="background-color:#CE0000;" data-event="foreColor" data-value="#CE0000" title="" data-toggle="button" tabindex="-1" data-original-title="#CE0000"></button><button type="button" class="note-color-btn" style="background-color:#E79439;" data-event="foreColor" data-value="#E79439" title="" data-toggle="button" tabindex="-1" data-original-title="#E79439"></button><button type="button" class="note-color-btn" style="background-color:#EFC631;" data-event="foreColor" data-value="#EFC631" title="" data-toggle="button" tabindex="-1" data-original-title="#EFC631"></button><button type="button" class="note-color-btn" style="background-color:#6BA54A;" data-event="foreColor" data-value="#6BA54A" title="" data-toggle="button" tabindex="-1" data-original-title="#6BA54A"></button><button type="button" class="note-color-btn" style="background-color:#4A7B8C;" data-event="foreColor" data-value="#4A7B8C" title="" data-toggle="button" tabindex="-1" data-original-title="#4A7B8C"></button><button type="button" class="note-color-btn" style="background-color:#3984C6;" data-event="foreColor" data-value="#3984C6" title="" data-toggle="button" tabindex="-1" data-original-title="#3984C6"></button><button type="button" class="note-color-btn" style="background-color:#634AA5;" data-event="foreColor" data-value="#634AA5" title="" data-toggle="button" tabindex="-1" data-original-title="#634AA5"></button><button type="button" class="note-color-btn" style="background-color:#A54A7B;" data-event="foreColor" data-value="#A54A7B" title="" data-toggle="button" tabindex="-1" data-original-title="#A54A7B"></button></div><div><button type="button" class="note-color-btn" style="background-color:#9C0000;" data-event="foreColor" data-value="#9C0000" title="" data-toggle="button" tabindex="-1" data-original-title="#9C0000"></button><button type="button" class="note-color-btn" style="background-color:#B56308;" data-event="foreColor" data-value="#B56308" title="" data-toggle="button" tabindex="-1" data-original-title="#B56308"></button><button type="button" class="note-color-btn" style="background-color:#BD9400;" data-event="foreColor" data-value="#BD9400" title="" data-toggle="button" tabindex="-1" data-original-title="#BD9400"></button><button type="button" class="note-color-btn" style="background-color:#397B21;" data-event="foreColor" data-value="#397B21" title="" data-toggle="button" tabindex="-1" data-original-title="#397B21"></button><button type="button" class="note-color-btn" style="background-color:#104A5A;" data-event="foreColor" data-value="#104A5A" title="" data-toggle="button" tabindex="-1" data-original-title="#104A5A"></button><button type="button" class="note-color-btn" style="background-color:#085294;" data-event="foreColor" data-value="#085294" title="" data-toggle="button" tabindex="-1" data-original-title="#085294"></button><button type="button" class="note-color-btn" style="background-color:#311873;" data-event="foreColor" data-value="#311873" title="" data-toggle="button" tabindex="-1" data-original-title="#311873"></button><button type="button" class="note-color-btn" style="background-color:#731842;" data-event="foreColor" data-value="#731842" title="" data-toggle="button" tabindex="-1" data-original-title="#731842"></button></div><div><button type="button" class="note-color-btn" style="background-color:#630000;" data-event="foreColor" data-value="#630000" title="" data-toggle="button" tabindex="-1" data-original-title="#630000"></button><button type="button" class="note-color-btn" style="background-color:#7B3900;" data-event="foreColor" data-value="#7B3900" title="" data-toggle="button" tabindex="-1" data-original-title="#7B3900"></button><button type="button" class="note-color-btn" style="background-color:#846300;" data-event="foreColor" data-value="#846300" title="" data-toggle="button" tabindex="-1" data-original-title="#846300"></button><button type="button" class="note-color-btn" style="background-color:#295218;" data-event="foreColor" data-value="#295218" title="" data-toggle="button" tabindex="-1" data-original-title="#295218"></button><button type="button" class="note-color-btn" style="background-color:#083139;" data-event="foreColor" data-value="#083139" title="" data-toggle="button" tabindex="-1" data-original-title="#083139"></button><button type="button" class="note-color-btn" style="background-color:#003163;" data-event="foreColor" data-value="#003163" title="" data-toggle="button" tabindex="-1" data-original-title="#003163"></button><button type="button" class="note-color-btn" style="background-color:#21104A;" data-event="foreColor" data-value="#21104A" title="" data-toggle="button" tabindex="-1" data-original-title="#21104A"></button><button type="button" class="note-color-btn" style="background-color:#4A1031;" data-event="foreColor" data-value="#4A1031" title="" data-toggle="button" tabindex="-1" data-original-title="#4A1031"></button></div></div></div></li></ul></div><div class="note-para btn-group"><button type="button" class="btn btn-default btn-sm btn-small" title="" data-shortcut="Ctrl+Shift+8" data-mac-shortcut="⌘+⇧+7" data-event="insertUnorderedList" tabindex="-1" data-original-title="Unordered list (⌘+⇧+7)"><i class="fa fa-list-ul icon-list-ul"></i></button><button type="button" class="btn btn-default btn-sm btn-small" title="" data-shortcut="Ctrl+Shift+7" data-mac-shortcut="⌘+⇧+8" data-event="insertOrderedList" tabindex="-1" data-original-title="Ordered list (⌘+⇧+8)"><i class="fa fa-list-ol icon-list-ol"></i></button><button type="button" class="btn btn-default btn-sm btn-small dropdown-toggle" title="" data-toggle="dropdown" tabindex="-1" data-original-title="Paragraph"><i class="fa fa-align-left icon-align-left"></i>  <span class="caret"></span></button><ul class="dropdown-menu"><li><div class="note-align btn-group"><button type="button" class="btn btn-default btn-sm btn-small" title="" data-shortcut="Ctrl+Shift+L" data-mac-shortcut="⌘+⇧+L" data-event="justifyLeft" tabindex="-1" data-original-title="Align left (⌘+⇧+L)"><i class="fa fa-align-left icon-align-left"></i></button><button type="button" class="btn btn-default btn-sm btn-small" title="" data-shortcut="Ctrl+Shift+E" data-mac-shortcut="⌘+⇧+E" data-event="justifyCenter" tabindex="-1" data-original-title="Align center (⌘+⇧+E)"><i class="fa fa-align-center icon-align-center"></i></button><button type="button" class="btn btn-default btn-sm btn-small" title="" data-shortcut="Ctrl+Shift+R" data-mac-shortcut="⌘+⇧+R" data-event="justifyRight" tabindex="-1" data-original-title="Align right (⌘+⇧+R)"><i class="fa fa-align-right icon-align-right"></i></button><button type="button" class="btn btn-default btn-sm btn-small" title="" data-shortcut="Ctrl+Shift+J" data-mac-shortcut="⌘+⇧+J" data-event="justifyFull" tabindex="-1" data-original-title="Justify full (⌘+⇧+J)"><i class="fa fa-align-justify icon-align-justify"></i></button></div></li><li><div class="note-list btn-group"><button type="button" class="btn btn-default btn-sm btn-small" title="" data-shortcut="Ctrl+[" data-mac-shortcut="⌘+[" data-event="outdent" tabindex="-1" data-original-title="Outdent (⌘+[)"><i class="fa fa-outdent icon-indent-left"></i></button><button type="button" class="btn btn-default btn-sm btn-small" title="" data-shortcut="Ctrl+]" data-mac-shortcut="⌘+]" data-event="indent" tabindex="-1" data-original-title="Indent (⌘+])"><i class="fa fa-indent icon-indent-right"></i></button></div></li></ul></div><div class="note-height btn-group"><button type="button" class="btn btn-default btn-sm btn-small dropdown-toggle" data-toggle="dropdown" title="" tabindex="-1" data-original-title="Line Height"><i class="fa fa-text-height icon-text-height"></i>&nbsp; <b class="caret"></b></button><ul class="dropdown-menu"><li><a data-event="lineHeight" data-value="1.0"><i class="fa fa-check icon-ok"></i> 1.0</a></li><li><a data-event="lineHeight" data-value="1.2"><i class="fa fa-check icon-ok"></i> 1.2</a></li><li><a data-event="lineHeight" data-value="1.4"><i class="fa fa-check icon-ok"></i> 1.4</a></li><li><a data-event="lineHeight" data-value="1.5"><i class="fa fa-check icon-ok"></i> 1.5</a></li><li><a data-event="lineHeight" data-value="1.6"><i class="fa fa-check icon-ok"></i> 1.6</a></li><li><a data-event="lineHeight" data-value="1.8"><i class="fa fa-check icon-ok"></i> 1.8</a></li><li><a data-event="lineHeight" data-value="2.0"><i class="fa fa-check icon-ok"></i> 2.0</a></li><li><a data-event="lineHeight" data-value="3.0"><i class="fa fa-check icon-ok"></i> 3.0</a></li></ul></div></div><textarea class="note-codable"></textarea><div class="note-editable" contenteditable="true" style="height: 143px;"><p><br></p></div><div class="note-statusbar"><div class="note-resizebar"><div class="note-icon-bar"></div><div class="note-icon-bar"></div><div class="note-icon-bar"></div></div></div></div>
          </div>
          <!-- /tile body -->


          <!-- tile footer -->
          <div class="tile-footer rounded-bottom-corners text-right">
            <a class="submit font-slab" href="#"><strong>Send</strong> message <i class="fa fa-comment"></i></a>
          </div>
          <!-- /tile footer -->

        Collect from <a href="http://www.dmaku.com/moban.html" title="网页模板" target="_blank">网页模板</a> - More Templates <a href="http://www.dmaku.com/moban.html" target="_blank" title="代码库">代码库</a>


        </section>
        <!-- /tile -->

      


      </div>
      <!-- /col 6 -->
      



    </div>
    <!-- /row -->  



  </div>